<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>
      <title>MapsJobs</title>
      <meta charset="UTF-8" />
      <meta http-equiv-"X-UA-Compatible" content="IE=9" /> 
      <link href="styles/Generalcss.css" rel="stylesheet" type="text/css">
      <link href="styles/PageIni.css" rel="stylesheet" type="text/css">
      <link href="scripts/plugins/bxslider/jquery.bxslider.css" rel="stylesheet" type="text/css">   
      <script src="scripts/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
      <script src="scripts/plugins/bxslider/jquery.bxslider.min.js" type="text/javascript"></script>
      <script src="scripts/Generaljs.js" type="text/javascript"></script>
      <script src="scripts/Inicioscript.js" type="text/javascript"></script>
  </head>
  <body id="page-ini">
      <header>
          <nav>
              <ul>
                  <li><img src="styles/Imagenes/iconos/lock-32.png" style="margin-top: 2px;"><span style="color: #FFF; cursor: pointer;position: relative; top:-5px;"><strong>Iniciar Sesión</strong></span></li>
              </ul>
              <div id="nav-ini" class="inactive">
                  <div id="nav-ini-on">
                      <table>
                          <thead><tr><th colspan="100%">Inicio de Sesión</th></tr></thead>
                          <tbody>
                              <tr><td>Usuario: </td><td><input type="text" class="input" id="nav-user"></td></tr>
                              <tr><td>Password: </td><td><input type="password" class="input" id="nav-pass"></td></tr>
                              <tr><td><span class="span-link" style="font-size: 10px;">Olvidaste tú password!!</span></td><td><input type="button" class="button" value="Entrar"></td></tr>
                              <tr><td>Conectate con: </td><td style="text-align: center;"><img src="styles/Imagenes/iconos/Facebook-32.png"> <img src="styles/Imagenes/iconos/Twitter-32.png"> <img src="styles/Imagenes/iconos/Google-32.png"></td></tr>
                          </tbody>
                      </table>
                  </div>
              </div>
          </nav>
      </header>
      <section id="page-slider">
          <ul class="bxslider">
            <li>
                <img src="styles/Imagenes/Title.png" style="margin: -5% 0 0 10%;">
            </li>
            <li>
                Registrate en MapsJobs
            </li>
            <li>
                Inicio de Sesion
            </li>
        </ul>
      </section>
      <div id="developer" style="width:100%;text-align: center; position: fixed; bottom: 40px; display:none;">
          <span style="font-size: 10px;">Desarrollado por</span><br>
          <img src="styles/Imagenes/iconos/developer1-32.png" title="César Alberto Nava Chávez">
          <img src="styles/Imagenes/iconos/developer2-32.png" title="Rene Santiago Resendiz">
      </div>
      <footer>
          <nav style="text-align: center;">
              <ul>
                  <li>
                      <span style="color: #FFF; font-size: 12px; cursor: pointer;position: relative; top:10px;">MAPSJOBS. © Todos los Derechos reservados</span>
                  </li>
              </ul>
          </nav>
      </footer>
  </body>
</html>
